body{
	color:#666;
	font-size:14px;}
 h1,h2,h3,h4,h5,h6{
 	font-weight: normal;
 }
 ul,li{
 	list-style: none;
 }
  .row-no{
    margin-right: 0px;
    margin-left: 0px;
  }
  .row-no .col-xs-1,.row-no .col-sm-1,.row-no .col-md-1,.row-no .col-lg-1,.row-no .col-xs-2,.row-no .col-sm-2,.row-no .col-md-2,.row-no .col-lg-2,.row-no .col-xs-3,.row-no .col-sm-3,.row-no .col-md-3,.row-no .col-lg-3,.row-no .col-xs-4,.row-no .col-sm-4,.row-no .col-md-4,.row-no .col-lg-4,.row-no .col-xs-5,.row-no .col-sm-5,.row-no .col-md-5,.row-no .col-lg-5,.row-no .col-xs-6,.row-no .col-sm-6,.row-no .col-md-6,.row-no .col-lg-6,.row-no .col-xs-7,.row-no .col-sm-7,.row-no .col-md-7,.row-no .col-lg-7,.row-no .col-xs-8,.row-no .col-sm-8,.row-no .col-md-8,.row-no .col-lg-8,.row-no .col-xs-9,.row-no .col-sm-9,.row-no .col-md-9,.row-no .col-lg-9,.row-no .col-xs-10,.row-no .col-sm-10,.row-no .col-md-10,.row-no .col-lg-10,.row-no .col-xs-11,.row-no .col-sm-11,.row-no .col-md-11,.row-no .col-lg-11,.row-no .col-xs-12,.row-no .col-sm-12,.row-no .col-md-12,.row-no .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .row-5{
    margin-right: 0px;
    margin-left: 0px;
  }
  .row-5 .col-xs-1,.row-5 .col-sm-1,.row-5 .col-md-1,.row-5 .col-lg-1,.row-5 .col-xs-2,.row-5 .col-sm-2,.row-5 .col-md-2,.row-5 .col-lg-2,.row-5 .col-xs-3,.row-5 .col-sm-3,.row-5 .col-md-3,.row-5 .col-lg-3,.row-5 .col-xs-4,.row-5 .col-sm-4,.row-5 .col-md-4,.row-5 .col-lg-4,.row-5 .col-xs-5,.row-5 .col-sm-5,.row-5 .col-md-5,.row-5 .col-lg-5,.row-5 .col-xs-6,.row-5 .col-sm-6,.row-5 .col-md-6,.row-5 .col-lg-6,.row-5 .col-xs-7,.row-5 .col-sm-7,.row-5 .col-md-7,.row-5 .col-lg-7,.row-5 .col-xs-8,.row-no .col-sm-8,.row-5 .col-md-8,.row-5 .col-lg-8,.row-5 .col-xs-9,.row-5 .col-sm-9,.row-5 .col-md-9,.row-5 .col-lg-9,.row-5 .col-xs-10,.row-5 .col-sm-10,.row-5 .col-md-10,.row-5 .col-lg-10,.row-5 .col-xs-11,.row-5 .col-sm-11,.row-5 .col-md-11,.row-5 .col-lg-11,.row-5 .col-xs-12,.row-5 .col-sm-12,.row-5 .col-md-12,.row-5 .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
  }
.head{
 	height: 34px;
 	line-height: 34px;
 	background-color: #f5f5f5;
 	color: #6d6969;
 }
 .pic{ margin: 10px 0 0 0; }
.tel i{
	font-size: 18px;
}
.tel span{
 	color: #ea271d;
 	padding-right: 8px;
 }
.navbar{
	margin-bottom:0;
	background: url(../styles/images/tbg1.jpg) repeat;
	/*background-color:#fff;*/}
.navbar-brand {
    padding:10px 0;}
.text-uppercase{
	
	font-family:Verdana, Geneva, sans-serif;
}
.navbar-nav{
   background: -webkit-linear-gradient(138deg,#0f3ca1,#5287ff);
	background: -o-linear-gradient(138deg,#0f3ca1,#5287ff);
	background: -moz-linear-gradient(138deg,#0f3ca1,#5287ff); 
	background: linear-gradient(138deg,#0f3ca1,#5287ff); 
    border-radius:93px;
    color: #666;
    margin:20px 0px 30px 0;
    padding: 0 20px 0 20px;
}
.navbar-nav>li>a{
	color: #fff;
	margin: 10px 5px 10px 0;
	padding:10px 20px;
	font-size:16px;}
.nav>li.active>a,.nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	
    color: #fff;
    /*background-color: #5287ff;*/
    
    background: none;
}
.dropdown-menu>li>a {
	color: #333;
    padding:12px 10px 12px 14px;
	}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color:#eee;
    color: #0f3ca1;
}
.zhuanli{ margin:0 auto; width: 100%; overflow: hidden; background: url(../styles/images/zlbj.jpg) no-repeat center top; background-size:100% 100%; }
.xl{
	background: url(../styles/images/tbg.jpg) no-repeat center center;
	padding: 50px 0 120px;
}
.about-box{
	background: url(../styles/images/gong.jpg) no-repeat top center;
	color: #555;
	padding-top:80px;
	padding-bottom:80px;
}

.about-box p.pec{
	line-height: 34px;
}
.about-box h2{
	margin-top:40px;
	margin-bottom: 20px;
}
.sy-products{
	margin-top:30px;
	}
.sy-products{ margin-bottom:50px;}
.sy-about{
	background:url(../styles/images/ab.jpg) no-repeat;
	padding: 170px  0 100px 0;
}
.about-tit{
	background: url(../styles/images/bj.png) no-repeat center 115px;
	padding-top: 8px;
	margin-bottom: 20px;
	margin-top:0px;
}
.about-tit h2{
    color: #000;
	font-size:40px;
}
.about-tit h3{
	position: relative;
	color: #3c6ee0;
	font-size:25px;
	border:1px #3c6ee3 solid;
	padding: 10px;
	border-radius:50px;
	width: 250px;
    margin: 20px auto;
}
.ny-tit{
	background: url(../styles/images/bj.png) no-repeat center 25px;}
.ny-tit h3{
	position: relative;
	color: #3c6ee0;
	font-size:25px;
	border:1px #3c6ee3 solid;
	padding: 10px;
	border-radius:50px;
	width: 250px;
    margin: 20px auto;
}
.about-titx{
	background: url(../styles/images/bj.png) no-repeat center 55px;
	padding-top: 8px;
	margin-bottom: 20px;
	margin-top:0px;
}
.about-titx h3{
	position: relative;
	color: #3c6ee0;
	font-size:25px;
	border:1px #3c6ee3 solid;
	padding: 10px;
	border-radius:50px;
	width: 250px;
    margin: 20px auto;

}
.about{ line-height: 30px; padding: 0 0 20px 0;}
.btn {
    color: #fff;
    text-shadow:none;
    background-color: transparent;
    border-color: #bfbfbf;
    padding: 10px 20px;
}

.container{ max-width:1200px;}

.about-ny{padding:0 20px 20px 20px; color: #fff; line-height: 35px; font-size: 15px;}

.honor{
	margin-top:0px;
	background:#fff;
	padding:20px 0 0 30px;
}
.card {
	-webkit-box-shadow: 0;
    box-shadow: 0 1px 2px rgba(0,0,0,0);}
.aimg{
	position: relative;
	overflow: hidden;
	padding: 0 20px 0 0;
}
.aimg img{
	transition: all ease-in-out 0.3s;
}
.aimg:hover img{
	transform: scale(1.1, 1.1);
}
/* .aimg:after{
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.4);
} */

.media-body .text{ line-height: 26px; }
.article>.content  h3{ font-size: 22px; margin-bottom:20px; }
.series{padding:20px 0;border: 1px #ccc solid; margin: 50px auto 30px auto;width: 80%;}
.show-item{width: 100%;}


.mask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left:0;
	 opacity:0;
	-moz-opacity:0;-khtml-opacity:0;-o-opacity:0;
	transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}
.mask_warp{display:table;width:100%;height:100%;}
.mask-cont{
    display:table-cell;
	vertical-align:middle;
}
.mask:before,.mask:after{
	content: '';
	position: absolute;
	top: 10%;
  	left: 10%;
	width:80%;
	height:80%;
   -webkit-transition: opacity .35s ease-in-out,-webkit-transform .35s ease-in-out;
    transition: opacity .35s ease-in-out,transform .35s ease-in-out;
    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -ms-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
		 
}
.mask:before{
	border-top: 3px solid rgba(255,255,255,0.5);
 	border-bottom: 3px solid rgba(255,255,255,0.5);
     -webkit-transform: scale3d(0, 1, 1);
     -ms-transform: scale3d(0, 1, 1);
     -o-transform: scale3d(0, 1, 1);
     transform: scale3d(0, 1, 1);
}
.mask:after{
	 border-left: 3px solid rgba(255,255,255,0.5);
  	 border-right: 3px solid rgba(255,255,255,0.5);
     -webkit-transform: scale3d(1, 0, 1);
     -ms-transform: scale3d(1, 0, 1);
     -o-transform: scale3d(1, 0, 1);
     transform: scale3d(1, 0, 1);
}

.mask:hover:before,.mask:hover:after{
	-webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.mask-cont h2,.mask-cont p,.mask-cont span{
	color: white;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity:0;-khtml-opacity:0;-o-opacity:0;
    transition:.35s;
}
.mask-cont h2{font-size: 20px;font-weight: normal;max-width: 70%;margin: 0 auto;}
.mask-cont span{
    display:block;font-size: 12px;
    width: 102px;height: 34px;line-height:34px;margin: -3% auto 0;
    color: white;
    background: #062cb9;
}
.item-box img{border: 1px #ccc solid;}
.item-box:hover>.mask{opacity: 1;filter: alpha(opacity=100);-moz-opacity:100;-khtml-opacity:100;-o-opacity:100; background-color: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7e5d1e,endColorstr=#7e5d1e),alpha(opacity=0);}
.item-box:hover>.mask p,.item-box:hover>.mask h2,.item-box:hover>.mask span{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity:100;-khtml-opacity:100;-o-opacity:100;
    /* -webkit-transform: translate3d(0,0px,0);
    transform: translate3d(0,0px,0); */
}
.item-box:hover>.mask span{
	margin: 3% auto 0;
}
.item-content{
	padding-right:5%;}
.btn-serie{
	margin: 40px 0;
}
.btn-ser{
	color: #555;
	margin-right: 20px;
	font-size: 15px;
	padding: 8px 20px;
	border:1px solid #909090;
}
.btn-serie .active,.btn-ser:hover{
	background-color:#396bdb;
	color: #fff;
	border:0 none;
}



.ser-bg{
	background-color: #e8e6e6;
	color: #333;
	min-height: 535px;
	border-radius:15px;
}
.ser-test{
	padding:0px 45px 0 45px;
}
.ser-bg h3{
	font-size: 36px;
	position: relative;
}
.ser-bg h3:after{
	position: absolute;
	content: "";
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 2px;
	background:#ee2117;
}
.ser-bg p{
	font-size: 16px;
	line-height: 30px;
	margin-top: 30px;
}
.btn-series{
	background-color: #c72322;
	color: #fff;
	border: 0 none;
	border-radius:15;
	padding: 8px 15px;
	font-size: 16px;
	margin-top: 15px;
	text-shadow: none;
}
.btn-series1{
	background-color: #ff4d5e;
	color: #fff;
	border: 0 none;
	border-radius: 0;
	padding: 10px 20px;
	font-size: 16px;
	margin-top: 15px;
	text-shadow: none;	
}
.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  font-size: 18px;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.new-tit{
	color: #404953;
}
.new-tit h3 i{
	color: #e95513;
	font-size: 20px;
	padding-right: 12px;
}
.new-tit h3 span a{
	font-size: 12px;
	color: #666;
}
.sy-news{ margin: 15px 0 40px 0; }
.sy-news .media{
	border-bottom: 1px dashed #b8b8b8;
}
.item-content h4 a i{
	color: #3f71f3;
	padding-right: 2px;
}
.sy-news .date-time {
    background: #ebeaea;
    font-weight: 300;
    width: 100px;
    height: 100px;
    color: #999;
    text-align: center;
    padding-top: 17px;
}
.sy-news .date-time > span.big{
	font-size:  30px;
	font-weight: bold;
}
a,a:focus, a:hover {
    color: #524d4d;
}
.media-left, .media>.pull-left {
    padding-right: 20px;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}
.sy-news p.des {
  font-size: 13px;
  color: #827d7d;
}
.sy_news ul.blocks-2 li p.des {
  margin-bottom: 5px;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  text-overflow: -o-ellipsis-lastline;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.con-tit i{
	padding-right: 10px;
	font-size: 28px;
}
.contact-info{
	margin-top: 20px;
	line-height:38px;}
.contact-info i{
	padding-right: 10px;
}



.pro-tit{
	background: url(../styles/images/pro_tit.jpg) no-repeat center bottom;
}
.pro-tit h3{
	color: #3a3a3a;
	font-size:38px;
	padding-bottom: 15px;
}
.pro-list{
	padding:20px;}
a.pro{
	border: 1px solid #ddd;
	display:inline-block;
	margin:0px 0 0 0;
	position:relative;
	overflow:hidden;}
a.pro img{
	transition:all ease-in-out 0.3s;}
a.pro:hover img{
	transform:scale(1.2,1.2);}
span.bg{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:0;
	background:rgba(0,0,0,0.4);}
a.pro:hover span.bg{
	opacity:1;}
span.icon{
	position:absolute;
	display:block;
	left:50%;
	transform:translate(-50%,0);
	top:-100%;
	transition:0.3s;}
a.pro:hover span.icon{
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);}
.pro-text{
	line-height:60px;
	margin: -5px 0 0 0;
	color:#333;
	font-size:20px;
	overflow: hidden;
	white-space: nowrap;
	}
.pro-text1{
	background: #b21117;
	color:#fff;
	font-size:30px;
	overflow: hidden;
	white-space: nowrap;
	
	margin: -5px 0 0 0;
	}
.pro-text h3{ margin:0px 0 0 0;line-height: 40px;}

.pro-text1 h2{ margin:0px 0 0 0;padding:38px 0;}

.bot-bg{
	background-color: #979799;
	color: #909090;
	padding: 30px 0;
}
.sy-message {
    background-image: url(../styles/images/mes_bg.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 50px 0;
	margin-top:80PX;
}
.mes-tit{background: url(../styles/images/pro_tit.jpg) no-repeat center bottom;
    color: #fff;
	
	padding-bottom: 15px; margin-bottom:40px;}
.mes-tit h3{font-size: 38px;
}
.new-tit {
    margin-bottom: 60px;
}
.btn-sumbit {
    border: 2px solid #fff;
    color: #fff;
    background: none;
    padding: 10px 40px;
    font-size: 15px;
    margin-bottom: 20px;
}


footer{background: url(images/bottom_bg.jpg) no-repeat center;padding:30px 0;}
footer .copyright{color: #c4c4c4; padding: 20px 0 0 0;}
footer .sy-contact{border:#c4c4c4 1px solid;border-radius:30px;padding:15px;color: #c4c4c4;}
footer .sy-contact span{padding: 0 20px 0 0 ;}
.bg-default{
	background-color: #d6d5d5;
	color:#666;
	padding:20px 0 40px 0;}
.logo img{margin: 0px auto;}
.btlogo,.bttel{
	background: url(../styles/images/uli.jpg) no-repeat right center;
}

.btlogo img{
	margin: 70px 0;
}
.bttel{
	padding: 0 20px;
}
.bttelno{
	padding: 0 20px;
}
.bttel dt{
	color: #cd1b16;
	padding-bottom: 15px;
}
.bttel dd{
	line-height: 30px;
	margin-bottom: 10px;
	color: #fff;
}
.bttel dd i{
	color: #b21117;
}
.menu-bot{
	margin-bottom: 10px;
}
.menu-bot a{
	color: #666;
}
.ny-about{
	margin:20px auto 0;
	background-color:#fff;
	padding:20px 20px 0;}
.ny-tit h2{
	color:#333;}
.ny_info{
	line-height:27px;
	margin-top:60px;
	margin-bottom:60px;}
.ny_info h2{font-size: 24px; margin-bottom: 60px; color: #333; padding-bottom: 18px; position: relative; border-bottom:1px solid #ddd;}
.ny_info h2:after{
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 80px;
	height: 2px;
	background-color: #2d5ecb;
}
.ny_info h3{ margin-top: 0; margin-bottom: 0; }
.text-indent{
	text-indent:2em;}
.pager>li.active>a, .pager>li.active>a:hover, .pager>li.active>span, .pager>li.active>span:hover {
    background-color: #0b36a5;
    border-color: #0b36a5;
}
.ptest{
	color:#333;}
.card>.caption {
    background-color: #333;}
.item-content h4{ font-size: 18px; }
.item-content h4 a{
	color:#0a2f8f;}
.ny-info{
	padding:30px 0;
	line-height:27px;}
img {
     max-width:none; 
}
.showpro-c{
	line-height: 30px;
}
section#industry,section#honor{
	background-color: #f5f5f5;
	padding-top: 40px;
	border-top:1px solid #dfdfdf;
}
section#zhuanli,section#zhanjia{
	background: url(images/zbg.jpg) no-repeat center top;
	background-size: 100%;
	color: #fff;
	background-size: 100% 100%;
	padding: 20px 0;
}
section#zhuanli .ny_info h2,section#zhanjia .ny_info h2 {
    color: #fff;
    padding-bottom: 18px;
    margin-bottom: 35px;
    position: relative;
    border-bottom: 1px solid #5fc1f1;
}
section#zhuanli .ny_info h2:after,section#zhanjia .ny_info h2:after {
    background-color: #fff;
}
section#zhuanli .ny_info h3,section#zhanjia .ny_info h3{ line-height: 36px; }

	
	

	
	
	
	
	
@media (max-width: 1199px) {
	.navbar-nav > li > a {
    margin: 10px 0;
    padding: 22px 11px;
	font-size: 13px;}
    .ainfo {
    min-height: 336px;}
    .abox {
    padding: 10px 70px 20px 0px;}
    .ser-bg h2 {
    font-size: 30px;}
    .ser-bg p {
    font-size: 14px;}
	
	
}
@media (max-width: 991px) {
	.navbar-brand img {
	    max-height: 47px;
    	margin-top: 14px;}
	.navbar-nav {
    margin: 20px 0px 20px 0;
    padding: 0 13px 0 8px;}
	.navbar-nav > li > a {
    margin: 14px 0;
    padding: 5px 12px;}
	.btn-more{
		margin-bottom: 20px;
	}
	.aimg{
		margin-top: 20px;
	}
	.ser-test {
    padding: 20px 35px;}
	.ser-bg h2 {
    font-size: 28px;}
	.ser-test p{
		font-size: 14px;
	}


	
	
}
@media (max-width: 767px) {
	.about-tit h1{font-size: 30px;}
	.item-box{margin: 0px;}
	
	.navbar-brand{
		padding: 20px 0 0 10px;
	}
	.navbar-nav{
	   background: -webkit-linear-gradient(48deg, #0f3ca1, #5287ff);
	   background: -o-linear-gradient(48deg, #0f3ca1, #5287ff);
	   background: linear-gradient(138deg, #0f3ca1, #5287ff);
	   border-radius:0px;
	   color: #666;
	   margin:0px 0px 30px 0;
	   padding: 0 20px 0 20px;
	}
	.navbar-nav > li > a {
    color: #fff;
    padding: 12px 10px 12px 0px;
	margin:0;}
	.navbar-nav .open .dropdown-menu > li > a{
		color: #fff;
		padding:5px 10px 5px 15px;
	}
	.navbar-nav .open .dropdown-menu > li > a:hover{
		color:#2f60ce;
	}
	.navbar-brand img{
	max-height:40px;}
	.navbar-toggle {
    background-color:#eee;
	margin:20px 10px 20px 0;}
	.navbar-toggle .icon-bar {
	background-color: #555;}
	.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;}
	.about-box{
	background: url(../styles/images/gong.jpg) no-repeat top center;
	background-size:cover;}
	.sy-about {
    padding: 70px 0 100px 0;}
    .about-tit {
    	background-image: none;
    }
	.sy-about, .sy-products{
    margin-top: 20px;}
    .sy-news {
    margin:0px 0 0 -20px;}
    .xl {
    	padding: 0px;
    }
    .sy-contact {
    padding: 30px 15px;
    margin-left: 0px;
	}
	.abox {
    padding: 70px 0px 20px;
	}
	
	.abox h1 {
		font-size: 20px;
	}
	
	.news .media-heading a {
    font-size: 16px;}
	.about-tit h2 {
    font-size: 24px;}
    .btn-serie{ margin:20px 0 10px; }
    .btn-ser{
	margin-bottom: 20px;
	margin-right: 10px;
	font-size: 14px;
	padding: 8px 10px;}
    .header-dividing, .page-header {
    padding-bottom: 9px;
    margin: 10px 0 0px;}
    .series span.bg h1{font-size: 20px;}
    footer .sy-contact{padding:5px; margin: 20px 0 ;}
    
}
.swiper-button-next,.swiper-button-prev{background-image: none!important;background:rgba(255,255,255,0.5);width: 42px;height: 90px;margin-top: 0;transform: translateY(-50%)}
.swiper-button-next i,.swiper-button-prev i{position: absolute;left:50%;top:50%;display: block;transform: translateX(-50%) translateY(-50%);font-size: 30px;}
.swiper-button-prev{border-top-right-radius: 15px;border-bottom-right-radius: 15px;left:0;}
.swiper-button-next{border-top-left-radius: 15px;border-bottom-left-radius: 15px;right:0;}

.friendlink {
    float: left;
    color: #fff;
    line-height: 27px;
}

.friendlink i {
    list-style: none;
    font-style: normal;
    line-height: 30px;
    float: left;
}

.friendlink .linkTagcs {
    text-align: left;
    float: right;
    width: 181px;
    max-height: 30px;
    overflow: hidden;
    transition: 0.3s all ease-in-out;
    line-height: 30px;
}

.friendlink .linkTagcs a {
    display: block;
    color: #fff;
}

.friendlink .linkTagcs:hover {
    max-height: 30px;
    overflow-x: hidden;
    overflow-y: auto;
}